<template>
  <div class="inner">
    <article class="item page-item">
      <div class="inner">
        <div class="item-main">
          <div class="item-desc text">
            <h1><em class="mobile-hide">Ikaros.About </em>关于本台</h1>
            <div class="mobile-only about-logo">
              <img src="@/assets/icon/ikaros.svg" alt="ikaros·摄影杂谈" />
            </div>

            <div
              class="summaries"
              id="summaries"
              x-data="{ slide: 1, hoverNow: false }"
            >
              <div class="summary overall">
                <div class="inner">
                  <div class="summary-desc">
                    <p>
                      本台正式立项开发二O二一年八月中旬。出于对自我目前技术的满意度不足，想完善作为一个
                      Coder 在后端开发能力上的缺陷。着手于
                      <a href="http://nodejs.cn/" title="Nodejs">Nodejs</a> 的
                      <a href="https://www.expressjs.com.cn/" title="Express"
                        >Express</a
                      >
                      框架为本站后端语言，由
                      <a href="https://cn.vuejs.org/" title="Vue">Vue</a>
                      为前端架构，搭建的一个以我本人拍摄的照片为主的个人图文交流博客。我将之成为“画廊”亦或者“画报”。
                    </p>
                    <br />
                    <p>
                      <strong>关于本台的技术要点：</strong
                      ><a
                        >没有后台管理系统，通过 Nodejs 的三方库解析上传的
                        Markdown 文件，解析出对应文章字段和图片。</a
                      >
                      由于还有正经工作，<del>还要打游戏</del>，抽出来尻代码的时间不是很多，也出于是一个边学边做的阶段，开发进度目前比较缓慢。本台除了图文浏览，评论，搜索，标签查看等基本功能，相信在不断的开发挖掘中，还衍生各种有趣的小功能，开放其他频道，敬请期待！
                    </p>
                  </div>
                </div>
              </div>

              <div class="summary numbers">
                <div class="inner">
                  <div class="summary-desc">
                    我台目前已经发布的图文中<span class="dummy">共有：</span>
                  </div>
                  <div class="summary-3-column">
                    <div class="one-third">
                      <strong class="h-text">138</strong>
                      <h6>集正片</h6>
                    </div>
                    <div class="one-third">
                      <strong
                        data-balloon-length="medium"
                        data-balloon="Utom、Sohov、张暄、方迟、王怡、Yuki、ASH、丁一、王俊煜、More、Nan、安奇、球拍、杜潇、火山大陆滕磊、Kidaubis、小安、相辉、砂轮、吴先森、Danis、李创奇、Kee Lee"
                        class="h-text"
                        >23</strong
                      >
                      <h6>位嘉宾</h6>
                    </div>
                    <div class="one-third">
                      <strong class="h-text">37</strong>
                      <h6>次道歉</h6>
                    </div>

                    <div class="one-third">
                      <strong class="h-text">86</strong>
                      <h6>个话题</h6>
                    </div>

                    <div class="one-third">
                      <strong class="h-text">2,623</strong>
                      <h6>个参考链接</h6>
                    </div>
                  </div>
                </div>
              </div>

              <!-- time_line -->
              <div class="summary history" id="history">
                <TimeLine></TimeLine>
              </div>
            </div>
          </div>
        </div>
      </div>
    </article>
  </div>
</template>

<script src="./about_content.js">
</script>

<style lang="less" scoped>
@import "./about_content.less";
</style>
